<template>
	<div id="teaching" class="i_maxW clear">
		<div class="menuLk fl">
			<el-menu :default-active="activeIndex">
				<template v-for="(item, index) in menuNavRouteData.children">
					<el-menu-item :index="index+''">
						<i :class="`ipm ${item.icon}`"></i>
						<router-link 
						:to="'/'+menuNavRouteData.path+'/'+item.path+'/'+item.children[0].path"
						:class="{'Indexactive':$route.path.split('/')[2] === item.path, 'activePath': isActivePath}">
							{{item.txtName}}
						</router-link>
						<i class="ipm Shape_04"></i>
					</el-menu-item>
					</template>
			</el-menu>
		</div>
		<div class="teaching_cont fr">
			<router-view class="fade-router"></router-view>
		</div>
	</div>
</template>
<script>



	export default {
		data(){
			return {
				menuNavRouteData: deep_clone(  this.$store.getters.leftMenuNav ),
				activeIndex: '1',
				isActivePath: false
			}
		}
	}
</script>

